<template>
    <div class="pagination-blog">
        <el-pagination
                @current-change ="handleCurrentChange"
                layout="total, prev, pager, next"
                background
                :current-page="page"
                :page-size="pageSize"
                :total="total">
        </el-pagination>
    </div>
</template>
<script>
    export default {
        props: {
          page: {
          	type: Number,
          	default: 1
          },
		  total: {
		    type: Number,
		    default: 0
		  },
		  pageSize: {
		    type: Number,
		    default: 0
		  }
		},
		methods: {
			handleCurrentChange(currentPage) {
				this.$emit('selectPage',currentPage);
				return true;
			}
		}
    }
</script>
<style scope>
	.pagination-blog {
		margin: 10PX 0; 
		text-align: right;
	}
</style>